// 单页面直接实现 <el-table-column :render-header="renderHeader"></el-table-column>
// renderHeader() {
//   return (
//     <span>参评教师</span>
//   )
// }

/**
  Main.js
  import { $setRenderHeader } from '@/sun-components/SunProcessRenderHeader.js'
  Vue.prototype.$SunRenderHeader = $setRenderHeader
 */
// export function $setRenderHeader(h, { column, $index }) {
//   console.log('columncolumncolumncolumn', column)
//   console.log('$index', $index)
//   return h('div', { class: ['flex_between', 'table_padding'] },
//     [
//       h('div', '参评教师'),
//       h('div', { class: ['with100'] }, '操作')
//     ]
//   )
// }

// export function $setRenderHeader(h, { column, $index }) {
//   console.log('columncolumncolumncolumn', column)
//   console.log('$index', $index)
//   let data = h('div', '')
//   switch (column.type) {
//     case 'oldInformate':
//     case 'newInformate':
//       data = h('div', { class: ['flex_between', 'table_padding'] },
//         [
//           h('div', '参评教师'),
//           h('div', { class: ['with100'] }, '操作')
//         ]
//       )
//       break
//   }
//   return data
// }

// export function $setRenderHeader(h, { column, $index }) {
//   console.log('columncolumncolumncolumn', column)
//   console.log('property', JSON.parse(column.property))
//   const property = JSON.parse(column.property)
//   let data = h('div', '')
//   switch (column.type) {
//     case 'oldInformate':
//     case 'newInformate':
//       data = h('div', { class: ['flex_between'] },
//         [
//           h('div', { class: ['table_padding'] }, '参评教师'),
//           h('div', { style: { width: `${property.width}px`, 'text-align': property.align || 'center' }}, property.title)
//         ]
//       )
//       break
//   }
//   return data
// }

export function $setRenderHeader(h, { column }) {
  const property = JSON.parse(column.property)
  const columnList = []
  property.forEach((item, item_index) => {
    if (item.width !== 0) {
      columnList.push(
        h('div',
          { style:
            { flex: item.flex || 'none',
              width: `${item.width}px`,
              'text-align': item.align || 'center',
              'padding': '12px 10px'
              // 'position': 'relative'
              // 'border-left': item_index ? '1px solid #EBEEF5' : ''
            },
          class: item.class || [] },
          item.title
          // [item.title, h('div', { style: { 'display': item_index ? 'block' : 'none', position: 'absolute', 'left': 0, background: '#EBEEF5', width: '1px', 'height': '100px', top: '-50px' }}, '')]
        ),
        h('div', { style: { 'display': item.right ? 'block' : 'none', position: 'absolute', width: '1px', 'height': '100px', top: '-50px', background: '#EBEEF5', 'right': item.right + 'px' }})
      )
    }
  })
  return h('div', { class: ['flex_center_align'], style: { 'position': 'relative' }}, columnList)
}

